{% extends "_layouts/examples.html" %}
{% block title %}Show{% endblock %}

{% block content %}
<div class="u-hide u-show--small">Shown on small screens</div>
<div class="u-hide u-show--medium">Shown on medium screens</div>
<div class="u-hide u-show--large">Shown on large screens</div>

<p>
  This is a
    <strong class="u-hide u-show--small">small</strong>
    <strong class="u-hide u-show--medium">medium</strong>
    <strong class="u-hide u-show--large">large</strong>
  screen.
</p>
{% endblock %}
